웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
선택자를 사용해 여러개의 요소들을 한꺼번에 선택하여 변수에 저장할 경우 콤마를 구분자로 사용하면 간단하게 요소들을 합칠 수가 있다. 그럼 아래의 예제를 보자.
# span태그와 p태그 합쳐서 선택하기
var test = $('span, p');
// test 변수에 span과 p태그가 모두 배열값으로 저장됨
var test = $('div, section');
// test 변수에 div과 section태그가 모두 배열값으로 저장됨
매우 간단하지만 자주 사용되는 함수중 하나입니다. 콤마를 구분자로 사용하는 방법의 선택자는 css와 동일하군여. 아래처럼여~
! 태그 선택시 복수 선택하는 방법 예제보기
# span태그와 p태그 합쳐서 선택하기
var test = $('span, p');
// test 변수에 span과 p태그가 모두 배열값으로 저장됨
# div태그와 section태그 합쳐서 선택하기
var test = $('div, section');
// test 변수에 div과 section태그가 모두 배열값으로 저장됨
매우 간단하지만 자주 사용되는 함수중 하나입니다. 콤마를 구분자로 사용하는 방법의 선택자는 css와 동일하군여. 아래처럼여~
<style>
.test, .test2, .test3 {
color: red;
}
// test, test2 그리고 test3 모두 css 적용됨
</style>
.test, .test2, .test3 {
color: red;
}
// test, test2 그리고 test3 모두 css 적용됨
</style>
아래의 글도 찾고 계시지 않나요?